@charset "utf-8";

/* =======================================

	Browser Reset CSS
	Last Up Date 09/02/24

========================================== */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

html,body {background: #FFF; color: #000;}

body {font:13px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}

a {outline:none;}

img {border: 0; vertical-align: top;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}

.clear{
clear:both;
}

/*-- clearfix --*/
.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0px;
    line-height: 0;
}
.clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

/* =======================================

	Footer CSS

 -----------------------------------------
	INDEX
 -----------------------------------------

========================================== */

#footerWrapper01 {
	background-color:#e2dedc;
	padding:13px 0 13px 0;
}

#footer01 {
	width:960px;
	margin:0 auto;
}

#footer01 ul {
	text-align:center;
}

#footer01 ul li {
	display:inline;
	padding:0 17px 0 17px;
	border-width:0 1px 0 0;
	border-style:solid;
	border-color:#777676;
}

#footer01 ul li:last-child {
	border-width:0;
}

#footer01 ul li a {
	color:#777676;
}

#footerWrapper02 {
	background-color:#6d5c50;
	padding:13px 0 13px 0;
	color:#FFFFFF;
}

#footer02 {
	width:960px;
	margin:0 auto;
	padding:20px 0 40px 0;
}

#footer02 dl {
	margin:0 0 20px 0;
}

#footer02 dl dt {
	float:left;
	display:inline;
	margin:0 30px 0 160px;
}

#footer02 dl dd {
	line-height:1.5;
}

#footer02 p {
	text-align:center;
}

/* =======================================

	Globalnavi CSS

========================================== */

div#globalnavi {
	background-image:url(./bg_globalnavi.gif);
	background-repeat:repeat-x;
	background-color:#6d5c50;
}

div#globalnavi ul {
	width:965px;
	margin:0 auto;
}

div#globalnavi ul li {
	float: left;
	position:relative;
}

div#globalnavi ul li a {
	display: block;
	/*height:53px;*/
	height:50px;
	background-image:url(./img_globalnavi.gif);
	text-indent: -9999px;
	overflow: hidden;
}

div#globalnavi  ul li#gnavi01 {width:150px;}
div#globalnavi  ul li#gnavi02 {width:160px;}
div#globalnavi  ul li#gnavi03 {width:170px;}
div#globalnavi  ul li#gnavi04 {width:160px;}
div#globalnavi  ul li#gnavi05 {width:150px;}
div#globalnavi  ul li#gnavi06 {width:170px;}

/* Default */
div#globalnavi  ul li#gnavi01 a {background-position:  0  -0px;}
div#globalnavi  ul li#gnavi02 a {background-position: -150px -0px;}
div#globalnavi  ul li#gnavi03 a {background-position: -310px -0px;}
div#globalnavi  ul li#gnavi04 a {background-position: -480px -0px;}
div#globalnavi  ul li#gnavi05 a {background-position: -640px -0px;}
div#globalnavi  ul li#gnavi06 a {background-position: -790px -0px;}


/* When Mouse Over */
div#globalnavi  ul li#gnavi01 a:hover {background-position:  0  -54px;}
div#globalnavi  ul li#gnavi02 a:hover {background-position: -150px -54px;}
div#globalnavi  ul li#gnavi03 a:hover {background-position: -310px -54px;}
div#globalnavi  ul li#gnavi04 a:hover {background-position: -480px -54px;}
div#globalnavi  ul li#gnavi05 a:hover {background-position: -640px -54px;}
div#globalnavi  ul li#gnavi06 a:hover {background-position: -790px -54px;}

/* When Active Page */
body.about div#globalnavi  ul li#gnavi01 a {background-position:  0  -62px;}
body.see div#globalnavi  ul li#gnavi02 a {background-position: -196px -62px;}
body.experience div#globalnavi  ul li#gnavi03 a {background-position: -323px -62px;}
body.stay div#globalnavi  ul li#gnavi04 a {background-position: -458px -62px;}
body.taste div#globalnavi  ul li#gnavi05 a {background-position: -590px -62px;}
body.buy div#globalnavi  ul li#gnavi06 a {background-position: -722px -62px;}


div#globalnavi ul li ul {
	width:auto;
	margin:0 auto;
	position:absolute;
	top:49px;
	display:none;
	background-image:url(./bg_pulldown.png) !important;
	background-repeat:no-repeat;
	background-position:0 0;
	padding:17px 0 0 0;
	z-index:100 !important;
}

div#globalnavi ul li ul li {
	float: none;
	position:relative;
	border-width:0 2px 0 2px;
	border-style:solid;
	border-color:#b2a9a2;
	padding:0 13px 0 13px;
	background-color:#FFFFFF;
	width:auto !important;
	display:block;
}

div#globalnavi ul li ul li:last-child {
	border-width:0 2px 2px 2px;
}

div#globalnavi ul li ul li a {
	display:block;
	width:auto !important;
	height:auto;
	background-image:none;
	text-indent: 0;
	overflow: hidden;
	color:#6d5c50;
	text-decoration:none;
	padding:12px 0 12px 15px;
	border-width:0 0 1px 0;
	border-style:dotted;
	border-color:#b2a9a2;
	background-image:url(./ico_subnavi.gif) !important;;
	background-repeat:no-repeat;
	background-position:0 16px !important;
	white-space:nowrap;
}

div#globalnavi ul li ul li a:hover {
	text-decoration:underline;
}

div#globalnavi ul li ul li:last-child a {
	border-width:0;
}

/* =======================================

	Header CSS

 -----------------------------------------
	INDEX
 -----------------------------------------


========================================== */

#headerWrapper {
    background:url(./bg_headerl.jpg) no-repeat center -70px scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

#header {
	width:960px;
	height:135px;
	margin:0 auto;
}


/* Site Title
========================================== */
#header #site-title {
	float:left;
	background-image:url(./title_logo.png);
	background-repeat:no-repeat;
	width:840px;
	height:135px;
	display:block;
}

#header #site-title a {
	display:block;
	text-indent:-9999px;
	margin:19px 0 0 0;
	width:530px;
	height:89px;
}


div#headerInner01 {
	float:right;
    margin: 45px 0 0 0;
	display:inline;
}

div#headerInner01 ul li{
    margin-top: 3px;
}

div#headerInner01 ul li a {
	color:#666666;
	text-decoration:none;
	font-size:12px;
	line-height:2;
}

div#headerInner01 ul li a:hover {
	text-decoration:underline;
}

div#headerInner01 ul li:first-child {
	background-image:url(./ico_mail.png);
	background-repeat:no-repeat;
	background-position:0 center;
	padding:0 10px 0 25px;
}

div#headerInner01 ul li:last-child {
	background-image:url(./ico_english.png);
	background-repeat:no-repeat;
	background-position:0 center;
	padding:0 10px 0 25px;
}

div#headerInner01 form {
	margin:9px 0 0 0;
	background-image:url(./bg_header_search.png);
	padding:7px;
	font-size:13px;
}

input.searchText {
	border-width:1px;
	border-style:solid;
	border-color:#bfbfbf;
	width:205px;
	padding:3px;
	margin:0 1px 0 0;
	float:left;
}

input.btnSubmit {
	float:left;
}

div#headerInner02 {
	width:160px;
	float:right;
	margin:19px 0 0 0;
}

div#headerInner02 dl {
	margin:0 0 11px 0;
}

div#headerInner02 dl dt {
	font-size:11px;
	padding:5px 3px 0 0;
	float:left;
}

div#headerInner02 dl dd {
	float:left;
	margin:0 3px 0 0;
	text-indent:-9999px;
	width:25px;
	height:20px;
	cursor:pointer;
}

div#headerInner02 dl dd#fontS {
	background-image:url(./btn_small.png);
	background-repeat:no-repeat;
}

div#headerInner02 dl dd#fontM {
	background-image:url(./btn_middle.png);
	background-repeat:no-repeat;
}

div#headerInner02 dl dd#fontL {
	background-image:url(./btn_large.png);
	background-repeat:no-repeat;
	margin-right:0;
}

div#headerInner02 dl dd.active {
	background-position:0 -20px !important;
}

div#headerInner02 p {
	margin:8px 0 0 0;
}

div#headerInner02 p a {
	color:#666666;
	text-decoration:none;
}

div#headerInner02 p a:hover {
	text-decoration:underline;
}


/* fontsize
-----------------------------------------*/
.fontS { font-size: 75%; }
.fontM { font-size: 100%; }
.fontL { font-size: 125%; }


/* =======================================

	Structure CSS

========================================== */

body {
	background: #FFF url();
	color: #4d4d4d;

}

#contentsWrapper {
	background-image:url(./bg_contents.gif);
}

#contents {
	margin:0 auto;
	padding:24px 0 50px 0;
	width: 960px;
}

div.boxContentsLeft01 {
	float:left;
	width:650px;
}

div.boxContentsRight01 {
	float:right;
	width:246px;
}

div.boxContentsLeft02 {
	float:left;
	width:220px;
}

div.boxContentsRight02 {
	float:right;
	width:674px;
}

#footer {
	clear: both;
}

/* =======================================

	Text Decorations CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Titles

========================================== */
a {
	color:#496998;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:hover img {
	opacity:0.6;
}


/* 1.Titles
========================================== */
.title01 {
	border-width:0 0 3px 0;
	border-style:solid;
	border-color:#6d5c50;
	margin:0 0 23px 0;
	padding:0 1px 7px 1px;
	color:#6d5c50;
	font-weight:bold;
	line-height:1.5;
}

.title01 a {
	color:#768eb2;
	text-decoration:none;
	float:right;
	display:inline;
	font-size:85%;
	font-weight:normal;
}

.title01 a:hover {
	text-decoration:underline;
}

.title02 {
	color:#6e5c50;
	font-size:40px;
	border-width:0 0 1px 0;
	border-style:dotted;
	border-color:#cecccd;
	padding:0 0 15px 0;
	margin:0 0 35px 0;
	line-height:1.5;
}

.title03 {
	border-width:0 0 3px 0;
	border-style:solid;
	border-color:#6d5c50;
	margin:0 0 23px 0;
	padding:0 1px 5px 1px;
	color:#6c5c4d;
	font-weight:bold;
	line-height:1.5;
	font-size:16px;
}

.title04 {
	border-width:0 0 0 3px;
	border-style:solid;
	border-color:#6d5c50;
	margin:0 0 23px 0;
	padding:0 0 0 12px;
	color:#6c5c4d;
	font-weight:bold;
	line-height:1.2;
	font-size:15px;
}

.title05 {
	color:#6c5c4d;
	font-size:19px;
	margin:0 0 8px 0;
	display:inline-block;
}

.title06 {
    color:#6e5c50;
    font-size:20px;
    border-width:0 0 1px 0;
    border-style:dotted;
    border-color:#cecccd;
    padding:0 0 15px 0;
    margin:0 0 35px 0;
    line-height:1.5;
    font-weight:bold;
}

.title06 img {
    margin:0 0 15px 0;
}

.title07 {
    border-width:0 0 0 5px;
    border-style:solid;
    border-color:#6c5c4f;
    margin:0 0 25px 0;
    padding:5px 0 5px 20px;
    font-weight:bold;
    font-size:22px;
}

.title08 {
    font-size:18px;
    font-weight:bold;
    margin:0 0 25px 0;
}

.title09 {
    font-size:18px;
    margin:0 0 25px 0;
}

.title10 {
    color:#6d5c50;
    font-weight:bold;
    font-size:16px;
    margin:0 0 15px 0;
    line-height:1.8;
}

/* ======== AccessPage tabele title ============== */

.passInfo {
    margin: 0 !important;
}

/*
========================================== */
#contents p, #contents address, #contents th, #contents td {
	font-size: 92.4%;
	line-height: 2;
}

#contents li, #contents dt, #contents dd {
	font-size: 92.4%;
	line-height: 1.335;
}

/* Inner Reset  */
#contents th p, #contents th li, #contents th dt, #contents th dd,
#contents td p, #contents td li, #contents td dt, #contents td dd,
#contents li p, #contents li li, #contents li dt, #contents li dd,
#contents dt p, #contents dt li, #contents dt dt, #contents dt dd,
#contents dd p, #contents dd li, #contents dd dt, #contents dd dd {
	font-size: 100%;
}

#contents strong {
	font-weight: bold;
}

#contents em {
	font-style: italic;
}

#contents a {
	text-decoration:;
}

#contents a:hover {
	text-decoration:;
}

/*for expandRefineMenu.js*/
.expand_refine_target_hide
{
    display:block;
}
.expand_refine_target_hide
{
    display:none
}

.expand_refine_trigger
{
    cursor:pointer
}

.expand_refine_trigger:hover {
    color:#c33
}

.expand_refine_trigger:after
{
    padding-left:0.3em
}

.expand_refine_target_hide .trigger:after
{
}

.ban_area {
    width: 900px;
    border: 1px dotted #6D5C50;
    margin: 0 auto 0 auto;
    padding: 0 10px 10px 40px;
}

.ban_area img {
    width: 210px;
}

.ban_area a {
    display: block;
    height: 75px;
    float: left;
    margin: 10px 10px 0 0;
}

img.mainbanner {
    margin-bottom: 20px;
}


/* =======================================

	TopicBox2 CSS

========================================== */




.accessTable{
    width: 150px !important;
}

.accessLink{
    text-align: right;
    margin-top: -30px !important;
}

/* =======================================

	link button fix bottom

========================================== */
p.ap_bottom{
    margin-top: -15px;
    text-align: right;
}

@media screen and (max-width: 767px) {

  .block_form {
    width: 94%;
    margin: 0 auto;
  }

  .block_form h2 {
    margin: 20px auto;
    line-height: 1.2;
  }

  .block_form h3 {
    margin-bottom: 10px;
  }

  .block_form table input[type="text"],
  .block_form table textarea {
    width: 94% !important;
  }
  .block_form table th,
  .block_form table td {
    width: 100% !important;
    display: block;
    box-sizing: border-box;
    font-size: 1.1em !important;
  }

  .block_form table th {
    font-weight: bold;
  }

  .block_form .radio {
    display: block;
    margin: 10px 0;
    text-align: left;
  }
}